<template>
  <div class="app-container">
    <div class="heading-box">
      <div class="heading-body" />
    </div>
    <div class="title">
      <div class="word">欢迎进入租房后台管理系统</div>
    </div>
  </div>
</template>

<script>
export default {
  name: "User",

  data() {
    return {
      tableKey: 0,
      list: null,
      total: 0,
      listLoading: false,
      dateVul: [],
      listQuery: {
        start: 1,
        length: 20,
      },
      tagInfo: {},
      rules: {},
    };
  },
  created() {
    // this.getList()
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
.heading-box {
  display: flex;
  justify-content: center;
}
.heading-body {
  width: 50vw;
  min-width: 960px;
  height: 60vh;
  background-image: url(../../imgs/v3/index/backIndex.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.title {
  margin-top: 3vh;
  height: 15vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.word {
  font-size: 3.6vw;
  color: #2d67bb;
  font-weight: 900;
}
</style>
